/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.h2event{
    font-size: 1.4rem !important;
    margin: 20px 0 ;
}

.mb-30{margin-bottom: 30px;}
.mb-15{margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.pt-30{padding-top: 30px;}
.pt-15{padding-top: 15px;}
.mtb-15{margin-top: 15px; margin-bottom: 15px;}
.mtb-20{margin-top: 20px; margin-bottom: 20px;}
.social-section{
font-size: 16px;
}
.social-fb-color{color: #3c5a99;}
.social-tw-color{color: #00aced;}
.social-inst-color{color: #e0043e;}
.social-gp-color{color: #d6492d;}
.social-yt-color{color: #ff0700;}
.contactcolor{color: #fff; opacity: .8;}

.teamimgabout{width: 120px; height: 120px; border-radius: 50%}
.table td, .table th{ border: 1px solid #dee2e6;}
ul.share-buttons li a.wa-share{border-color: #43b51f;color: #43b51f}
.social_whatsapp:before{content: "\e093";}


/*Team*/
.teambox{
    text-align: center;
    background: #fff;
    padding: 40px 30px 30px;
    display: block;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 3px 0 0 #f0f2f4;
    -moz-box-shadow: 0 3px 0 0 #f0f2f4;
    box-shadow: 0 3px 0 0 #f0f2f4;
    color: #555;
    margin-bottom: 30px;
    border-radius: 3px;
    overflow: hidden;
}
.teambox h3{
    text-align: center;
    font-size: 1.125rem;
}
.teambox .ti-facebook{
    color: #3c5a99;
    font-size: 1.1rem;
}
.teambox .ti-instagram{    
    font-size: 1.1rem;
}
/* ==========================================================================
   Mobile Hero Slider Fix
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Remove blue background and set appropriate mobile height */
    #full-slider-wrapper,
    #layerslider,
    #layerslider .ls-inner,
    #layerslider .ls-slide {
        height: 380px !important; /* Optimal height for mobile banner */
        background: #1a1a1a !important; /* Neutral dark background instead of bright blue */
    }

    /* 2. Force the background image to fill the container (cover mode) */
    #layerslider .ls-bg {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* 3. Make text wrap and scale properly on mobile screens */
    #layerslider .slide_typo {
        font-size: 22px !important;
        white-space: normal !important;
        width: 90% !important;
        left: 5% !important;
        top: 42% !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }

    #layerslider .slide_typo_2 {
        font-size: 15px !important;
        white-space: normal !important;
        width: 90% !important;
        left: 5% !important;
        top: 60% !important;
        text-align: center !important;
    }

    #layerslider .btn_1.rounded {
        top: 74% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 8px 22px !important;
        font-size: 13px !important;
    }
}
/*Team*/